body {
  height: 100vh;
  background: #f7f7f7; }

.heade {
  height: 3.6rem;
  padding: 0 0.8666rem;
  display: flex;
  align-items: center; }
  .heade .heade-item {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1; }
    .heade .heade-item .pt-wrap {
      width: 1.066666rem;
      height: 1.066666rem;
      background: #ddd; }
      .heade .heade-item .pt-wrap img {
        height: 100%;
        width: 100%; }
    .heade .heade-item hgroup {
      padding-left: 0.4rem;
      display: flex;
      flex-direction: column;
      color: #eee; }
      .heade .heade-item hgroup strong {
        width: 1.333333rem;
        height: 0.4rem;
        line-height: 0.4rem;
        font-size: 14px; }
        [data-dpr="2"] .heade .heade-item hgroup strong {
          font-size: 28px; }
        [data-dpr="3"] .heade .heade-item hgroup strong {
          font-size: 42px; }
      .heade .heade-item hgroup span {
        margin-top: 0.133333rem;
        width: 2.666666rem;
        height: 0.533333rem;
        line-height: 0.533333rem;
        background: #348fd5;
        border-radius: 0.266666rem;
        border: 1px solid rgba(211, 211, 211, 0.2);
        padding-left: 0.133333rem; }
    .heade .heade-item i {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0.266666rem;
      color: #eee;
      font-size: 14px; }
      [data-dpr="2"] .heade .heade-item i {
        font-size: 28px; }
      [data-dpr="3"] .heade .heade-item i {
        font-size: 42px; }

.content ul li {
  padding: 0 0.8rem;
  height: 1.333333rem;
  background: #fff;
  border-bottom: 1px solid #eee; }
  .content ul li:nth-child(1) {
    margin-top: 0.266666rem;
    border: 0; }
  .content ul li:nth-child(2) {
    margin-top: 0.466666rem; }
  .content ul li:nth-last-child(2) {
    margin-top: 0.466666rem; }
  .content ul li:nth-last-child(1) {
    border: 0; }
  .content ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #222;
    font-size: 14px; }
    [data-dpr="2"] .content ul li a {
      font-size: 28px; }
    [data-dpr="3"] .content ul li a {
      font-size: 42px; }
    .content ul li a hgroup span {
      padding-right: 0.133333rem; }
    .content ul li a i {
      color: #ccc;
      font-size: 16px; }
      [data-dpr="2"] .content ul li a i {
        font-size: 32px; }
      [data-dpr="3"] .content ul li a i {
        font-size: 48px; }
